import React from 'react';

export default class Introduce extends React.Component{
  constructor(props){
    super();
    this.state={
      width:props.width,
      height:props.height,
      radius:props.radius
    }
    
  }
  render(){
    return(
        <svg  width={this.state.width} height={this.state.height} viewBox="0 0 62 62">
        <defs>
          <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
            <stop offset="0" stop-color="#26d2ff"/>
            <stop offset="1" stop-color="#237ef6"/>
          </linearGradient>
          <linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
            <stop offset="0" stop-color="#fff" stop-opacity="0.769"/>
            <stop offset="1" stop-color="#fff"/>
          </linearGradient>
          <filter id="形状_1" x="2.876" y="10.909" width="57.082" height="47.128" filterUnits="userSpaceOnUse">
            <feOffset dy="3" input="SourceAlpha"/>
            <feGaussianBlur stdDeviation="3" result="blur"/>
            <feFlood flood-color="#003ba1" flood-opacity="0.31"/>
            <feComposite operator="in" in2="blur"/>
            <feComposite in="SourceGraphic"/>
          </filter>
        </defs>
        <g id="组_4729" data-name="组 4729" transform="translate(-0.202 -0.202)">
          <rect id="矩形_9670" data-name="矩形 9670" width="62" height="62" rx={this.state.radius} transform="translate(0.202 0.202)" fill="url(#linear-gradient)"/>
          <g id="组_4728" data-name="组 4728" transform="translate(12.078 17.111)">
            <g transform="matrix(1, 0, 0, 1, -11.88, -16.91)" filter="url(#形状_1)">
              <path id="形状_1-2" data-name="形状 1" d="M0,29.091c.043-.17.074-.342.129-.505.419-1.226.779-2.483,1.282-3.666a8.5,8.5,0,0,1,2.117-2.885,8.88,8.88,0,0,1,2.494-1.651,11.721,11.721,0,0,1,1.887-.6,18.229,18.229,0,0,1,1.853-.333c.5-.07,1.011-.093,1.516-.134.216-.018.433-.029.709-.047-.078.278-.141.527-.217.772q-.248.795-.508,1.585c-.187.569-.384,1.134-.568,1.7a8.269,8.269,0,0,1-1.312,2.494,7.1,7.1,0,0,1-2.543,2.08,10.183,10.183,0,0,1-2.345.79A21.255,21.255,0,0,1,.1,29.128h0A.4.4,0,0,1,0,29.091Zm2.87-9.326c.029-.11,1.458-4.7,1.687-5.45.22-.723,1.244-3.836,1.585-4.643A21.09,21.09,0,0,1,7.974,6.184a14.974,14.974,0,0,1,2.372-2.828A10.578,10.578,0,0,1,13,1.519c.628-.289,1.26-.574,1.908-.8A13.388,13.388,0,0,1,16.556.3,13.156,13.156,0,0,1,18.118.04C18.566,0,19.018,0,19.47,0H19.8q6.144,0,12.287,0c.425,0,2.045.011,2.43,0,.265-.009.531,0,.8,0q1.763,0,3.526,0c.075,0,.149.014.245.024A7.293,7.293,0,0,1,38.419,2a6.54,6.54,0,0,1-2,2.394,6.57,6.57,0,0,1-1.974.955,12.106,12.106,0,0,1-3.675.336c-.245,0-.489-.005-.734-.005-1.342,0-2.684,0-4.026,0-.692,0-1.384-.057-2.075-.03a18.654,18.654,0,0,0-2.562.2,10.361,10.361,0,0,0-2.532.733,7.207,7.207,0,0,0-3.419,3c-.349.616-.609,1.293-.906,1.944a1.1,1.1,0,0,0-.045.237H29.51c-.076.308-.129.609-.223.894a7.166,7.166,0,0,1-1.24,2.328,6.343,6.343,0,0,1-2.982,2.041,8.75,8.75,0,0,1-2.715.376c-1.228.009-4.224.051-4.493.045l-1.455,0c-1.384-.006-2.768-.048-4.151-.038-.954.007-1.91.048-2.861.131-.6.052-1.185.221-1.78.32a11.124,11.124,0,0,0-2.807.9A6.919,6.919,0,0,0,2.8,20.09C2.82,19.982,2.842,19.872,2.87,19.765Z" transform="translate(11.88 16.91)" fill="url(#linear-gradient-2)"/>
            </g>
          </g>
        </g>
      </svg>
    );
}
}